.dabox1 {
    background-color: #F8F8F8;
    height: 100vh;

    .da {
        height: 1064px;
        background: #fff;
        margin-bottom: 20px;

        .beij {
            position: relative;
            height: 510px;
            background-image: url(../../images/user//bj_1.png);
            background-size: 100% 100%;

            .zx {
                position: absolute;
                top: 126px;
                left: 51px;
                font-size: 42px;
                font-family: NotoSansHans;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 30px;
            }

            .touxiang {
                position: absolute;
                top: 364px;
                left: 0;
                right: 0;
                margin: auto;
                width: 230px;
                height: 230px;
                background: #FFFFFF;
                border-radius: 50%;
                overflow: hidden;
            }
        }

        .nic {
            margin: 134px auto 0;
            width: 300px;
            height: 38px;
            font-size: 50px;
            font-family: NotoSansHans;
            font-weight: 400;
            color: #333333;
            line-height: 30px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ull {
            height: 382px;
            display: flex;
            justify-content: space-around;
            justify-items: center;
            text-align: center;

            .lii {
                p {
                    margin-bottom: 30px;

                    &:nth-child(1) {
                        margin-top: 80px;
                        width: 102px;
                        height: 98px;
                    }
                }

                .p1 {
                    background: url(../../images/user/collect_3.png);
                    background-size: 100% 100%;
                }

                .p2 {
                    background: url(../../images/user/note_1.png);
                    background-size: 100% 100%;
                }

                .p3 {
                    background: url(../../images/user/examination_me.png);
                    background-size: 100% 100%;
                }

                .p4 {
                    background: url(../../images/user/data_me.png);
                    background-size: 100% 100%;
                }

            }
        }
    }

    .xia {
        .su {
            padding: 0 50px;
            height: 140px;
            background: #FFFFFF;
            display: flex;
            justify-content: space-between;

            .zuo {
                span {
                    display: inline-block;
                    &:nth-child(1) {
                        width: 45px;
                        height: 41px;
                        // margin: 50px 21px 49px 0;
                        margin-right: 21px;
                        margin-top: 50px;
                    }

                    font-size: 44px;
                    font-family: NotoSansHans;
                    font-weight: 400;
                    color: #333333;
                    line-height: 140px;
                }

                .s1 {
                    background: url(../../images/user/MyProfile.png);
                    background-size: 100% 100%;
                }

                .s2 {
                    background: url(../../images/user/Notice.png);
                    background-size: 100% 100%;
                }

                .s3 {
                    background: url(../../images/user/Aboutus.png);
                    background-size: 100% 100%;
                }
            }
            .you{
                line-height: 140px;
            }
        }
    }
}